<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%
    String path = request.getContextPath();
    String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort()
            + path + "/";
%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<base href="<%=basePath%>">

<html>
    <head>
        <meta charset="utf-8">
        <title>
            阳光成单系统
        </title>
        <meta name="renderer" content="webkit">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
        <meta name="apple-mobile-web-app-status-bar-style" content="black">
        <meta name="apple-mobile-web-app-capable" content="yes">
        <meta name="format-detection" content="telephone=no">
        <link rel="stylesheet" href="System/css/x-admin.css" media="all">


<%--        <link rel="stylesheet" href="System/css/reset.css" />--%>
<%--        <link rel="stylesheet" href="System/css/demo.css" />--%>

        <!-- jqPagination styles -->
        <link rel="stylesheet" href="System/css/jqpagination.css" />

        <!-- scripts -->
<%--        <script src="System/js/jquery-1.7.2.min.js"></script>--%>
<%--        <script src="System/js/jquery.jqpagination.js"></script>--%>
<%--        <script src="System/js/scripts.js"></script>--%>

        <!-- generic demo script -->
<%--        <script src="System/js/demo.js"></script>--%>


    </head>
    <style>
        #begin,#upper,#lower,#end{
            width: 40px;
            height: 30px;
            font-size: 20px;
        }
        #a{
            width: 200px;
            height: 30px;
            font-size: 18px;
        }
    </style>
    <body>
        <div class="x-nav">
            <span class="layui-breadcrumb">
              <a><cite>首页</cite></a>
              <a><cite>仓库管理</cite></a>
              <a><cite>货物地区管理</cite></a>
            </span>
            <a class="layui-btn layui-btn-small" style="line-height:1.6em;margin-top:3px;float:right"  href="javascript:location.replace(location.href);" title="刷新"><i class="layui-icon" style="line-height:30px">ဂ</i></a>
        </div>
        <div class="x-body">
            <xblock><button class="layui-btn layui-btn-danger" onclick="delAll()"><i class="layui-icon">&#xe640;</i>批量禁用</button><span class="x-right" style="line-height:40px">共有数据：${count} 条</span></xblock>
            <table class="layui-table">
                <thead>
                    <tr>
                        <th>
                            <input type="checkbox" name="" value="">
                        </th>
                        <th>
                            货物地区编号
                        </th>
                        <th>
                            所属仓库
                        </th>
                        <th>
                            所属地区
                        </th>
                        <th>
                            状态
                        </th>
                        <th>
                            操作
                        </th>
                    </tr>
                </thead>
                <tbody id="tbody">
                <c:forEach items="${area}" var="a">
                    <tr>
                        <td>
                            <input type="checkbox" value="${a.areaId}" name="">
                        </td>
                        <td>
                            ${a.areaMark}
                        </td>
                        <td>
                            ${a.warehouse["warehouseName"]}
                        </td>
                        <td>
                            ${a.region["regionName"]}
                        </td>
                        <td >
                            <span class="layui-btn layui-btn-normal layui-btn-mini">
                            ${a.areaCode==0?"未使用":"正在使用"}
                            </span>
                        </td>
                        <td class="td-manage">
                            <button type="button" style="background-color: red; color: white; border: 0px; cursor: pointer " onclick="upwarecode(${a.areaId},${a.areaCode})">
                                <i class="layui-icon">禁用/启用&#xe640;</i>
                            </button>
                        </td>
                    </tr>
                </c:forEach>
                </tbody>
            </table>
    <%--    分页--%>
    <div id="wrapper" style="margin-left:480px">
        <div class="pagination">
            <a href="javascript:;" onclick="begin1()"  id="begin" class="first" data-action="first">&laquo;</a>
            <a href="javascript:;" onclick="upper1()"  id="upper" class="previous" data-action="previous">&lsaquo;</a>
            <input type="text" id="a"  readonly="readonly" value="${AreaPageText}"/>
            <input type="hidden" id="a1" readonly="readonly" value="${thisAreaPage}">
            <a href="javascript:;"  onclick="lower1()" id="lower" class="next" data-action="next">&rsaquo;</a>
            <a href="javascript:;" onclick="end1()"  id="end" class="last" data-action="last">&raquo;</a>
        </div>
        <div class="clearfix"></div> <!-- should probably have a shower after that -->
        <div style="text-align:center;clear:both;margin-top:50px">
            <%--    <script src="/gg_bd_ad_720x90.js" type="text/javascript"></script>--%>
            <%--    <script src="/follow.js" type="text/javascript"></script>--%>
        </div>
    </div>
        <script src="System/lib/layui/layui.js" charset="utf-8"></script>
        <script src="System/js/x-layui.js" charset="utf-8"></script>
        <script>
            layui.use(['laydate','element','laypage','layer'], function(){
                $ = layui.jquery;//jquery
                laydate = layui.laydate;//日期插件
                lement = layui.element();//面包导航
                laypage = layui.laypage;//分页
                layer = layui.layer;//弹出层

                //以上模块根据需要引入
                // laypage({
                //     cont: 'page'
                //     ,pages: 100
                //     ,first: 1
                //     ,last: 100
                //     ,prev: '<em><</em>'
                //     ,next: '<em>></em>'
                // });

            });


                //批量删除提交
             function delAll () {
                 var checks = $('#tbody').find('input[type=checkbox]:checked');
                 var str="";
                 for (var i = 0; i < checks.length; i++) {
                     str+=checks[i].value+",";
                 }
                 layer.confirm('确认禁用选择的货物地区吗?',function(index){
                     //捉到所有被选中的，发异步进行删除  提示
                     // layer.msg('操作成功!', {icon: 1});
                     //ajax请求   软删除选中文章数据
                     $.post("area/upAreaCodeAll", {str:str}, function (date) {
                         alert(date);
                         window.location.reload();
                     });
                 });
             }

            
            /*删除*/
            function commemt_del(obj,id){
                layer.confirm('确认要删除吗？',function(index){
                    //发异步删除数据
                    $(obj).parents("tr").remove();
                    layer.msg('已删除!',{icon:1,time:1000});
                });
            }


            //首页
            function begin1(){
                $("#a1").attr("value",1);
                var number=$("#a1").val();
                location.href="area/getAllArea?page="+number;
            }
            //上一页
            function upper1(){
                if(parseInt($("#a1").val())<=1){
                    $("#a1").val().attr("value",1);
                }
                $("#a1").attr("value",parseInt($("#a1").val())-1);
                var number=$("#a1").val();
                location.href="area/getAllArea?page="+number;
            }
            //下一页
            function lower1(){
              if(parseInt($("#a1").val())>=${AreaPageMax}){
                  $("#a1").val().attr("value",${AreaPageMax})
              }
              $("#a1").attr("value",parseInt($("#a1").val())+1);
              var number=$("#a1").val();
              location.href="area/getAllArea?page="+number;
            }
            //尾页
            function end1(){
                $("#a1").attr("value",${AreaPageMax});
                var number=$("#a1").val();
                location.href="area/getAllArea?page="+number;
            }
            </script>

            <script>
                function upwarecode(id,code){
                    if(code==0){
                        layer.confirm('是否启用该货物地区',function(index){
                            $.post("area/upAreaCodeup", {id:id}, function (date) {
                                alert(date);
                                window.location.reload();
                            });
                        });
                    }else if(code==1){
                        layer.confirm('是否禁用该货物地区',function(index){
                            $.post("area/upAreaCode", {id:id}, function (date) {
                                alert(date);
                                window.location.reload();
                            });
                        });
                    }
                }
            </script>
    </body>
</html>